<template>
  <div class="home">
    <TodoHeader></TodoHeader>
    <TodoList :arr="doing" my-title="正在进行"></TodoList>
    <TodoList :arr="done" my-title="已经完成" ></TodoList>
  </div>
</template>

<script>
import TodoList from "../components/todoList.vue";
import TodoHeader from "../components/todoHeader.vue";
// import bus from '../untils/bus.js'

import {mapGetters} from 'vuex'

export default {
  name: "Home",
  data() {
    return {
    };
  },
  components: {
    TodoHeader,
    TodoList,
  },
  computed: {
    ...mapGetters(['doing','done'])
  }
};
</script>
